<script setup>
import { useAttrs } from 'vue'
const props = defineProps({
  placeholder: {
    type: String
  }
})
const model = defineModel()
const attrs = useAttrs()
</script>
<template>
  <div class="container border-b-2">
    <input
      v-bind="attrs"
      type="text"
      :placeholder="placeholder"
      v-model="model"
      class="placeholder:text-gray-400 placeholder:opacity-100"
    />
  </div>
</template>

<style lang="scss" scoped></style>
